<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>Like-喜欢鲜花平台！让鲜花从农户到用户一步到位 </title>

		<meta name="keywords" content="喜欢婚礼,婚礼学堂,嘉田美合,婚礼图片,婚礼视频,婚礼VR,婚礼,婚庆" />
		<meta name="description" content="喜欢婚礼平台,以婚礼机构为切入点，以婚礼用花为切入口，整合线下婚礼资源,鲜花,婚礼用品,舞美,人员等" />
		<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta http-equiv="X-UA-Compatible" content="IE=edge chrome=1" />
		<meta name="renderer" content="webkit">
		<meta http-equiv="Content-Security-Policy" content="default-src *; style-src 'self' 'unsafe-inline'; script-src 'self' 'unsafe-inline' 'unsafe-eval'">
		<link rel="stylesheet" type="text/css" href="../../statics/css/cssinit.css" />
		<style type="text/css">
			html,
			body {
				width: 100%;
				height: 100%;
			}
			
			.header {
				width: 100%;
				display: flex;
				justify-content: space-between;
				align-items: center;
				height: 50px;
				padding: 0 15px;
				box-sizing: border-box;
				background-color: #f5f5f5;
				box-shadow: inset 0px -1px 1px -1px #969696;
			}
			
			.header #backIcon {
				width: 46.5px;
			}
			
			.header .backIcon {
				width: 10px;
				height: 10px;
				/*border: 2px solid #d9b96e;*/
				border: 2px solid #969696;
				border-bottom: none;
				border-left: none;
				transform: rotate(-135deg);
				-ms-transform: rotate(-135deg);
				-moz-transform: rotate(-135deg);
				-webkit-transform: rotate(-135deg);
				-o-transform: rotate(-135deg);
			}
			
			.header .content {
				font-size: 18px;
				color: black;
			}
			
			.header .custom img {
				width: 17.5px;
				height: 17.5px;
				padding-right: 5px;
			}
			
			.main {
				width: 100%;
				height: calc(100% - 50px);
				text-align: center;
				background: url(../../statics/images/cityWideCenter/bg@2x.png);
				background-repeat: no-repeat;
				background-size: 100% 100%;
			}
			
			.square,
			.square>div {
				box-sizing: border-box;
			}
			
			.square {
				width: calc(100% - 30px);
				position: fixed;
				top: 150px;
				left: 15px;
				overflow: hidden;
			}
			
			.square>.s-top {
				width: 100%;
				height: 70px;
				border-radius: 20px 20px 0 0;
			}
			
			.square>.s-background {
				border: 330px solid rgba(255, 255, 255, 1);
				position: absolute;
				width: 780px;
				height: 780px;
				border-radius: 50%;
				top: -390px;
				right: calc(50% - 390px);
			}
			
			.circle {
				width: 100px;
				height: 100px;
				border-radius: 50%;
				position: absolute;
				top: 100px;
				left: calc(50% - 50px);
				box-sizing: border-box;
			}
			
			.circle img {
				width: 100px;
				height: 100px;
			}
			
			.main .info {
				position: absolute;
				top: 220px;
				left: 15px;
				width: calc(100% - 30px);
				background: white;
				padding: 0 22px;
				box-sizing: border-box;
			}
			
			.main .info .item {
				padding: 0 5px;
				display: flex;
				justify-content: space-between;
				align-items: center;
				height: 45px;
				border-bottom: 1px dashed #c5c5c5;
				font-size: 13px;
				font-weight: bolder;
			}
			
			.main .info .item .left {
				color: #6D6D6D;
			}
			
			.main .info .item .right {
				color: #303030;
			}
			
			.main .info .logo {
				text-align: center;
				padding: 25px 0;
			}
			
			.main .info .logo img {
				width: 80px;
				height: 30px;
			}
		</style>
	</head>

	<body>
		<header class="header">
			<div id="backIcon">
				<div class="backIcon"></div>
			</div>
			<div class="content">常州运营中心</div>
			<div class="custom"><span><img src="../../statics/images/cityPartner/custom.png" alt="客服"/>客服</span></div>
		</header>
		<div class="main">
			<div class="square">
				<div class="s-top"></div>
				<div class="s-background"></div>
			</div>
			<div class="circle"><img src="../../statics/images/cityWideCenter/logo@2x.png" style="width: 100px;height: 100px;" /></div>
			<div class="info">
				<div class="item">
					<div class="left">商家名称</div>
					<div class="right sellerName">浙江红日鲜花连锁</div>
				</div>
				<div class="item">
					<div class="left">所在城市</div>
					<div class="right areaStr">宁波市</div>
				</div>
				<div class="item">
					<div class="left">具体地址</div>
					<div class="right address">浙江省宁波市江东区民安路489号</div>
				</div>
				<div class="item">
					<div class="left">营业时间</div>
					<div class="right dayTime">09：00-21：00</div>
				</div>
				<div class="item">
					<div class="left">商家描述</div>
					<div class="right describe">0571-88664218</div>
				</div>
				<div class="logo"><img src="../../statics/images/index1/logo.png" /></div>
			</div>
		</div>

	</body>
	<script src="../../statics/js/jquery-1.12.1.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../statics/bowersrc/fastclick.js" type="application/javascript" charset="utf-8"></script>
	<script src="../../statics/js/common.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		var token = selectByKey("like_token");
		$(".custom").on("click", function() {
			window.location.href = "../../views/service.html";
		})
		$(function() {
			new FastClick(document.body);
		})
		$(".perfect").on("click", function() {
			window.location.href = "userMessage.html";
		})
		$("#out").on("click", function() {
			window.location.href = "chooseLogin .html";
		})
		$("#backIcon").on("click", function() {
			window.history.back(-1)
		})
		$.ajax({
			url: pathName + "/api/v2/flowercityseller/seller",
			type: "get",
			headers: {
				"Accept": "application/json",
				"Authorization": "Bearer " + token
			},
			success: function(res) {
				var res=JSON.parse(res);
				console.log(res.data.areaStr);
				var city=res.data.areaStr.split("，")[1];
				$(".content").html(city+"运营中心");
				$(".sellerName").html(res.data.sellerName);
				$(".areaStr").html(city);
				$(".address").html(res.data.address);
				$(".dayTime").html(res.data.dayTime);
				$(".describe ").html(res.data.describe);
			}
		})
	</script>

</html>